@import '../../../assets/styles/color.scss';
@import '../../../assets/styles/font.scss';

.buttonPage {
	width: 120px;
	height: 120px;
	background-color: $btn_color;
	opacity: 0.8;
	border-radius: 16px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
	margin: 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	&:active {
		transform: scale(0.9);
		transition: transform 0.1s ease-in-out;
	}
}

.buttonPage__img {
	width: 30%;
	margin: 13px 13px;
	filter: invert(100%);
}

.buttonPage__name {
	color: $bg_color;
	@include title(15px, 400);
	margin: 13px 13px;
}
